<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>(X)HTML 소개 | WebCafe</title>
<link rel="stylesheet" type="text/css" href="css/import.css" />
<link rel="stylesheet" type="text/css" href="css/introduce.css" />
<!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="css/ie6.css">
<![endif]-->
</head>
<body>
<div id="wrapper">
  <!-- 헤더 시작 -->
  <div id="header">
    <h1 class="logo"><a href="index.html"><img src="images/common/logo.gif" alt="WebCafe" /></a></h1>
    <ul id="infoMenu">
      <li class="first-item"><a href="index.html">홈</a></li>
      <li><a href="#">로그인</a></li>
      <li><a href="join.html">회원가입</a></li>
      <li><a href="#">사이트맵</a></li>
      <li><a href="#">ENGLISH</a></li>
    </ul>
    <h2>주메뉴</h2>
    <ul id="navigation">
      <li class="first"><a href="introduce.html"><img src="images/common/topmenu01_ov.gif" alt="HTML에 대해" width="124" height="43" /></a>
        <ul id="naviSub01">
          <li><a href="#">(X)HTML 소개</a></li>
          <li><a href="#">레퍼런스 소개</a></li>
          <li><a href="#">활용예제</a></li>
        </ul>
      </li>
      <li><a href="#"><img src="images/common/topmenu02.gif" alt="CSS에 대해" width="108" height="43" /></a></li> 
      <li><a href="#"><img src="images/common/topmenu03.gif" alt="웹 표준" width="90" height="43" /></a></li>
      <li><a href="#"><img src="images/common/topmenu04.gif" alt="웹 접근성" width="101" height="43" /></a></li>
      <li><a href="qna.html"><img src="images/common/topmenu05.gif" alt="묻고 답하기" width="109" height="43" /></a></li>
      <li><a href="gallery.html"><img src="images/common/topmenu06.gif" alt="자료실" width="93" height="43" /></a></li>
    </ul>
  </div>
  <hr />
  <!-- 헤더 끝 -->
  <div id="contents">
    <!-- 사이드 시작 -->
    <div id="subWrap">
      <div class="subMenu">
        <h2><img src="images/html/h2_html.gif" alt="HTML에 대해" /></h2>
        <ul>
          <li class="select"><a href="#">(X)HTML 소개</a></li>
          <li><a href="#">레퍼런스 소개</a></li>
          <li><a href="#">활용예제</a></li>
        </ul>
      </div>
      <div class="search">
        <form action="">
          <fieldset>
          <legend>검색어 입력폼</legend>
            <label for="search"><img src="images/common/icon_searcgh.gif" alt="자료검색" /></label>
            <input type="text" id="search" size="14" />
            <input type="image" class="btnSearch" src="images/common/btn_search_sub.gif" alt="검색" />
          </fieldset>
        </form>
      </div>
    </div>
    <!-- 사이드 끝 -->
    <!-- 콘텐츠 시작 -->
    <div id="contentsWrap">
      <div class="location">
        <p class="depth">Home &gt; HTML에 대해 &gt; <strong class="current"> (X)HTML 소개</strong></p>
      </div>
      <h1><img src="images/html/h1_html.gif" alt="(X)HTML 소개" /></h1>
      <div id="contentsArea">
        <h2>HTML</h2>
        <p class="text">HTML이란 HyperText Markup Language의 약자로 하이퍼텍스트(Hyper-text)를 표현하기 위한 마크업 언어라고 정의할 수 있습니다. HTML은 SGML(Standard Generalizes Markup Language)을 모체로 하여 국제 표준기구인 ISO에 의해 1986년에 채택된 웹에서 사용되는 표준 마크업 언어입니다. </p>
        <p class="viewCode">
          <code>&lt;!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4.01//EN&quot; &quot;http://www.w3.org/TR/html4/strict.dtd&quot;&gt;<br />
          &lt;html&gt;<br />
          &lt;head&gt;<br />
          &lt;title&gt;문서 제목 영역&lt;/title&gt;<br />
          &lt;meta http-equiv=&quot;content-type&quot; content=&quot;text/html; charset=euc-kr&quot;&gt;<br />
          &lt;/head&gt;<br />
          &lt;body&gt;<br />
          &lt;h1&gt;본문 제목 영역&lt;/h1&gt;<br />
          &lt;p&gt;본문 내용 영역 1<br />
          &lt;p&gt;본문 내용 영역 2 &lt;img src=&quot;picture.gir&quot; alt=&quot;사진&quot;&gt;<br />
          &lt;/body&gt;<br />
          &lt;/html&gt;</code>
        </p>
        <h2>XHTML</h2>
        <p class="text">HTML이란 HyperText Markup Language의 약자로 하이퍼텍스트(Hyper-text)를 표현하기 위한 마크업 언어라고 정의할 수 있습니다. HTML은 SGML(Standard Generalizes Markup Language)을 모체로 하여 국제 표준기구인 ISO에 의해 1986년에 채택된 웹에서 사용되는 표준 마크업 언어입니다. </p>
        <p class="viewCode"><code>&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; <br />
          &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;<br />
          &lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;<br />
          &lt;head&gt;<br />
          &lt;title&gt;문서 제목 영역&lt;/title&gt;<br />
          &lt;meta http-equiv=&quot;content-type&quot; content=&quot;text/html; charset=euc-kr&quot;&gt;<br />
          &lt;/head&gt;<br />
          &lt;body&gt;<br />
          &lt;h1&gt;본문 제목 영역&lt;/h1&gt;<br />
          &lt;p&gt;본문 내용 영역 1&lt;/p&gt;<br />
          &lt;p&gt;본문 내용 영역 2 &lt;img src=&quot;picture.gir&quot; alt=&quot;사진&quot; /&gt;&lt;/p&gt;<br />
          &lt;/body&gt;<br />
          &lt;/html&gt;</code></p>
      </div>
    </div>
    <!-- 콘텐츠 끝 -->
    <hr />
    <!-- 퀵 메뉴 시작 -->
    <div id="quick">
      <h2><img src="images/common/title_quick.gif" alt="퀵 메뉴" /></h2>
      <ul>
        <li><a href="#"><img src="images/common/quick01.gif" alt="HTML에 대해" /></a></li>
        <li><a href="#"><img src="images/common/quick02.gif" alt="게시판" /></a></li>
        <li><a href="#"><img src="images/common/quick03.gif" alt="자료 다운로드" /></a></li>
        <li><a href="#"><img src="images/common/quick04.gif" alt="강좌" /></a></li>
      </ul>
    </div>
    <!-- 퀵 메뉴 끝 -->
  </div>
  <hr />
  <div id="slogan">
    <h2>슬로건</h2>
    <p class="sloganImg"><img src="images/common/icon_coffee.png" alt="커피잔" class="png24" /></p>
    <div class="sloganCon"> <q cite="http://www.w3.org/WAI/">The power of the Web is in its universality, Access by everyone regardless of disability is an essential aspect.</q>
      <p class="name">Tim Berners - Lee , W3C Director and inventor of the World Wide Web</p>
    </div>
  </div>
  <hr />
  <!-- 푸터 영역 -->
  <div id="footer">
    <div class="footerInner">
      <p class="footerLogo"><img src="images/common/logo_copyright.gif" alt="WebCafe" /></p>
      <h2>사이트 이용안내</h2>
      <ul class="guideMenu">
        <li class="first-item"><a href="#">회사소개</a></li>
        <li><a href="#">개인정보보호정책</a></li>
        <li><a href="#">이메일주소무단수집거부</a></li>
        <li><a href="#">Contact Us</a></li>
        <li><a href="#">Site map</a></li>
      </ul>
      <address>
      <span class="addr">서울시 마포구 상수동 123-12 한주빌딩 5층</span> <span class="tel">· 전화: 02-1234-1234</span> <span class="fax">· FAX: 02-1234-1234</span> <span class="email">· E-MAIL: webmaster@mail.com</span><br />
      <span class="copyright">Copyright ⓒ Web Cafe CORPORATION ALL RIGHTS RESERVED.</span>
      </address>
    </div>
  </div>
  <!-- 푸터 영역 -->
</div>

<script type="text/javascript">
	function setPng24(obj)
	{
			obj.width = obj.height = 1;
			obj.className = obj.className.replace(/\bpng24\b/i,'');
			obj.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+ obj.src +"',sizingMethod='image');"
			obj.src = '';
			return '';
	}
</script>
</body>
</html>
